<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>迅推科技哈尔滨网络营销专家</title>
    <script src="js/jquery-1.11.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/fullpage.min.css" />
    <script src="js/easings.min.js"></script>

    <!-- 以下行仅在使用选项scrollOverflow:true的情况下是必需的 -->
    <script type="text/javascript" src="js/scrolloverflow.min.js"></script>

    <script type="text/javascript" src="js/fullpage.js"></script>


    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/swiper.jquery.min.js"></script>

    <script src="js/common.js"></script>
    <script src="js/category.js" type="text/javascript"></script>
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <style>
        #section3 {}

        #section3 li {
            float: left;
            width: 180px;
            background-color: #F5F5F5;
            height: 30px;
            margin-right: 10px;
            margin-top: 10px;
            line-height: 30px;
            color: black;
        }
        #section3 li:hover {
            background-color: black;
            color: white;
            cursor: pointer;
        }
        #section3 .active {
            background-color: black;
            color: white;
            width: 50px;
        }

        #section3 .list {
            margin-bottom: 10px;
        }
    </style>
</head>

<body>
    <!-- Fixed navbar -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">迅推科技</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right" id="category">
                    <!--类目-->

                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </nav>




    <div id="fullpage">


        <div class="section" id="section0">
            <!-- <div class="slide ">
                
            </div>
            <div class="slide">
                <h3>第二屏的第二屏</h3>
            </div>
            <div class="slide">
                <h3>第二屏的第三屏</h3>
            </div> -->
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide s1">
                        <div class="row">
                            <div class="title1 col-xs-12 col-sm-12 col-md-12">迅推科技 2007-2019</div>
                            <div class="title2 col-xs-12 col-sm-12 col-md-12">哈尔滨唯一拥有32个技术型人才+1个业务员（老板）的纯技术型公司</div>
                        </div>
                    </div>
                    <div class="swiper-slide s2">
                        <div class="row">
                            <div class="title11 col-xs-12 col-sm-12 col-md-12">迅推科技致力提供数字化综合服务</div>
                            <div class="title12 col-xs-12 col-sm-12 col-md-12">帮助企业利用大数据</div>
                            <div class="title13 col-xs-12 col-sm-12 col-md-12">制定更精准的营销策略</div>
                        </div>
                    </div>
                    <div class="swiper-slide s3">
                        <div class="row">
                            <div class="title31 col-xs-12 col-sm-12 col-md-12">企业互联网形象管理机构</div>
                            <div class="title32 col-xs-12 col-sm-12 col-md-12">LEAD BEYOND CULTURE MEDIA</div>
                            <div class="title33 col-xs-12 col-sm-12 col-md-12">超越自我挑战险峰</div>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <!-- Add Arrows -->
                <!-- <div class="swiper-button-next"></div> -->
                <!-- <div class="swiper-button-prev"></div> -->
            </div>
        </div>
        <div class="section" id="section1">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-6" id="wz-img">
                        <img class="img-responsive" src="http://www.dllingchao.com/Templates/lc2015/img/Nom_1.jpg"
                            alt="">
                    </div>
                    <div class="wz col-xs-12 col-sm-12 col-md-6" id="wz-right">
                        <h2 id="firstFloorName"></h2>
                        <span class="line"></span>
                        <p class="t1">以专业的技术 专注于网站的建设</p>
                        <p class="t2"> 专业的网站建设 高品质的营销策划，从网站交付标准， 到用户体验，从制作标准到网站兼容性，环环质检</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="section" id="section2">
            <div class="container">
                <div class="row">
                    <div class="wz col-xs-12 col-sm-12 col-md-4" id="wz-right">
                        <h2>迅推科技—我们不一样</h2>
                        <span class="line"></span>
                        <p class="t1">以技术团队为主导</p>
                        <p class="t1">与设计师一对一沟通</p>
                        <p class="t2">迅推科技不仅仅是一家互联网公司，更是帮助无数传统企业顺利转型互联网的网络营销服务平台。</p>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-8" id="wz-img">
                        <img class="img-responsive" src="http://www.dllingchao.com/Templates/lc2015/img/Adsuper_1.jpg"
                            alt="">
                    </div>

                </div>
            </div>
        </div>
        <!-- 产品楼层 -->
        <div class="section" id="section3" >

            <div class="container" id="productsFloor" style="margin-top: 50px;">
            </div>
        </div>






    </div>

</body>

</html>